<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>抽抽乐</title>
		<style>
			.box{
				display:flex;
				flex-wrap:wrap;
				width: 300px;
				height: 300px;
				position: relative;
			}
			.box .item{
				box-sizing:border-box;
				width: 100px;
			}
			//滑块
			.spin{
				box-sizing: border-box;
				position: absolute;
				left:0;
				top:0;
				display: inline-block;
				width: 100px;
				height: 100px;
				background-color: rgba(0,0,0,.2);
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<div class="title">抽抽乐</div>
			<div class="box">
				<div class="item">一等奖</div>
				<div class="item">二等奖</div>
				<div class="item">三等奖</div>
				<div class="item">四等奖</div>
				<div class="item start">开始</div>
				<div class="item">五等奖</div>
				<div class="item">特等奖</div>
				<div class="item">下次一定中</div>
				<div class="item">谢谢参与</div>
				<div class="spin"></div>
			</div>
		</div>
	</body>
</html>
